<html lang="zh" xmlns:th="http://www.thymeleaf.org">
	<head>
		<link rel="stylesheet" href="https://www.layuicdn.com/layui/css/layui.css">
		<script src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	</head>
	<body>
		<div class="" style="margin-top: 3%;">
			<!-- 试卷信息 -->
			<div>
				<div align="center">
					<b style="font-size: 30px;" th:href="@{'info/' + ${paper.id}}" th:text="${paper.name}"></b>
					(<span th:text="${paper.createTime}"></span>)
				</div>
		        <div class="layui-col-xs5 layui-col-xs-offset7" style="font-size: 20px;margin-top: 2%;">
		        	<span>-----试卷分数：</span>
		        	<span th:text="${paper.grade}"></span>/<span th:text="${paper.score}"></span>
		        </div>
			</div>
			<!-- 试卷题目 -->
			<div>
				<!-- 单项选择题 -->
				<div class="layui-col-md11 layui-col-md-offset1">
					<h1>1. 单项选择题</h1>
					<div th:each="oneChoice, status : ${paper.oneChoices}" style="margin: 1%;">
						<div class="layui-col-xs12">
							<span th:text="${status.count} + '.&nbsp;'"></span>
							<span th:text="${oneChoice.question}"></span>
							(<span th:text="${oneChoice.score}"></span>分)
						</div>
						<div class="layui-col-xs6">
							<div><span>A.&nbsp;</span><span th:text="${oneChoice.aa}"></span></div>
							<div><span>B.&nbsp;</span><span th:text="${oneChoice.ab}"></span></div>
							<div><span>C.&nbsp;</span><span th:text="${oneChoice.ac}"></span></div>
							<div><span>D.&nbsp;</span><span th:text="${oneChoice.ad}"></span></div>
							<div style="color: red;" >
								<span>正确答案：</span>
								<span th:text="${oneChoice.answer}"></span>
							</div>
						</div>
						<div class="layui-col-xs6">
							<div th:if="${oneChoice.isImage}"><img height="100px" width="100px" alt="图" th:src="@{'http://192.168.0.105/image/TestSystem/paper/oneChioce/' + ${oneChoice.id} + '.jpg'}"></div>
						</div>
					</div>
				</div>
				<!-- 多项选择题 -->
				<div class="layui-col-md11 layui-col-md-offset1">
					<h1>2. 多项选择题</h1>
					<div th:each="multipleChoice, status : ${paper.multipleChoices}" style="margin: 1%;">
						<div class="layui-col-xs12">
							<span th:text="${status.count} + '.&nbsp;'"></span>
							<span th:text="${multipleChoice.question}"></span>
							(<span th:text="${multipleChoice.score}"></span>分)
						</div>
						<div class="layui-col-xs6">
							<div><span>A.&nbsp;</span><span th:text="${multipleChoice.aa}"></span></div>
							<div><span>B.&nbsp;</span><span th:text="${multipleChoice.ab}"></span></div>
							<div><span>C.&nbsp;</span><span th:text="${multipleChoice.ac}"></span></div>
							<div><span>D.&nbsp;</span><span th:text="${multipleChoice.ad}"></span></div>
							<div style="color: red;">
								<span>正确答案：</span>
								<span th:text="${multipleChoice.answer}"></span>
							</div>
						</div>
						<div class="layui-col-xs6">
							<div th:if="${multipleChoice.isImage}"><img height="100px" width="100px" alt="图" th:src="@{'http://192.168.0.105/image/TestSystem/paper/multipleChoice/' + ${multipleChoice.id} + '.jpg'}"></div>
						</div>
					</div>
				</div>
				<!-- 判断题 -->
				<div class="layui-col-md11 layui-col-md-offset1">
					<h1>3. 判断题</h1>
					<div th:each="judgment, status : ${paper.judgments}" style="margin: 1%;">
						<div>
							<span th:text="${status.count} + '.&nbsp;'"></span>
							<span th:text="${judgment.question}"></span>(&nbsp;&nbsp;)
							(<span th:text="${judgment.score}"></span>分)
						</div>
						<div th:switch="${judgment.answer}">
							<span style="color: red;">正确答案：</span>
							<span th:case="true">正确</span>
							<span th:case="fasle">错误</span>
						</div>
					</div>
				</div>
				<!-- 填空题 -->
				<div class="layui-col-md11 layui-col-md-offset1">
					<h1>4. 填空题</h1>
					<div th:each="fullInTheBlank, status : ${paper.fullInTheBlanks}" style="margin: 1%;">
						<div class="layui-col-xs12">
							<span th:text="${status.count} + '.&nbsp;'"></span>
							<span th:text="${fullInTheBlank.question}"></span>
							(<span th:text="${fullInTheBlank.score}"></span>分)
						</div>
						<div class="layui-col-xs6">
							<span style="color: red;">正确答案：</span>
							<span th:text="${fullInTheBlank.answer}"></span>
						</div>
						<div class="layui-col-xs6">
							<div th:if="${fullInTheBlank.isImage}"><img height="100px" width="100px" alt="图" th:src="@{'http://192.168.0.105/image/TestSystem/paper/fullInTheBlank/' + ${fullInTheBlank.id} + '.jpg'}"></div>
						</div>
					</div>
				</div>
				<!-- 简答题 -->
				<div class="layui-col-md11 layui-col-md-offset1">
					<h1>5. 简答题</h1>
					<div th:each="discussion, status : ${paper.discussions}" style="margin: 1%;">
						<div class="layui-col-xs12">
							<span th:text="${status.count} + '.&nbsp;'"></span>
							<span th:text="${discussion.question}"></span>
							(<span th:text="${discussion.score}"></span>分)
						</div>
						<div class="layui-col-xs12" style="height: 100px;color: red;">
							<div class="layui-col-xs6">
								答案
							</div>
							<div class="layui-col-xs6">
								<div th:if="${discussion.isImage}"><img height="100px" width="100px" alt="图" th:src="@{'http://192.168.0.105/image/TestSystem/paper/discussion/' + ${discussion.id} + '.jpg'}"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>